﻿
@section css{
    <link href="~/Wap/index.css" rel="stylesheet">
}

@section scripts{
    <script type="text/javascript">
        var bootstrap = function ($, ibpm) {
            "use strict";
            var page = {
                init: function () {
                    //初始化
                    page.bind();
                },
                bind: function () {

                }
            };
            page.init();
        };
    </script>
}

<div class="mui-content">
    <!--banner开始-->
    <div class="banner swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="/Playground/images/banner3.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="/Playground/images/banner1.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="/Playground/images/banner4.jpg" alt=""></a></div>
        </div>
    </div>
    <!--第一栏分类开始-->
    <div class="cation clearfloat box-s">
        <ul>
            <li>
                <a href="#">
                    <img src="/Playground/images/ico5.png" />
                    <p>新品专区</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Playground/images/ico2.png" />
                    <p>送礼首选</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Playground/images/ico3.png" />
                    <p>积分获取</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Playground/images/ico4.png" />
                    <p>私人定制</p>
                </a>
            </li>
        </ul>
    </div>
</div>
